{extend name="public/base"}

{block name="title"}
扫码付款
{/block}

{block name="style"}
{css href="/static/wechat/css/index.css" /}
{css href="/static/wechat/popo/css/index_map.css" /}
{css href="/static/wechat/popo/css/order.css" /}
<style>
    .msui_tableImg-circle {
        margin-right: 0;
        margin-bottom: .8rem;
    }
    .index .msui_tabCell-img img {
        width:3rem;
        height:3rem;
    }
    .msui_tabCell-content p {
        text-align: center;
    }
    .msui_table {
        display: flex;
        flex-direction: column;
        background: none;
    }
    .msui_cell {
        display: inherit;
        background: none;
        padding: 10px 0;
    }
    .payment {
        display: flex;
        flex-direction: column;
        width: 100%;
        background: #fff;
        border-bottom: 1px solid #E4E4E4;
        border-top: 1px solid #E4E4E4;
        margin-bottom: 2rem;
    }
    .payment p {
        line-height: 3rem;
        border-bottom: 1px solid #F7EFEF;
        color: #666;
        padding-left: 15px;
        font-size: 1rem;
    }
    .payment div {
        line-height: 4rem;
        padding-left: 15px;
    }
    .payment div span {
        font-size: 1.7rem;
    }
    .payment div input {
        line-height: 2rem;
        font-size: 1.2rem;
        border: none;
        color: #666;
    }
</style>
{/block}

{block name="body"}
<div class="pageControl index bg-f7">
    <div class="nav">
        <div class="msui_navTop">
            <h1 class="msui_navTop-title">向商家付款</h1>
        </div>
    </div>
    <div class="msui_cell msui_cell-column" style="margin-bottom: 10px;">
        <div class="msui_cell-item">
            <div class="msui_table" style="padding-bottom: .5rem;">
                <div class="msui_tabCell-img msui_tableImg-circle">
                    <img src="{$repair.logo|get_img_url}" />
                </div>
                <div class="msui_tabCell-content">
                    <p class="fs085 cl-3333">{$repair.repair_name|default=''}</p>
                    <p class="cl-9999">{$repair.phone}</p>
                </div>
            </div>
        </div>
        <div class="payment">
            <p>付款金额</p>
            <div>
                <span>￥</span>
                <input type="number" placeholder="0.00" id="money">
            </div>
        </div>
        <a href="javascript:;" class="weui-btn send_gathering" style="margin:auto; width: 80%; background: #FFC800; color: #fff">确认</a>
    </div>
</div>
{/block}

{block name="javascript"}
<script>
    $(function () {
        $('.send_gathering').click(function () {
            var money = $("#money").val();
            window.location.href = "/wechat/pay/order_pay/?m=" + $("#money").val() + "&model=scan_pay&obj_id={$repair.id}&obj_type=1";
        });
    })
</script>
{/block}